<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <base href="<%=basePath%>">

    <!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame
    Remove this if you use the .htaccess -->
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>ExamStack</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <link rel="shortcut icon" href="<%=basePath%>resources/images/favicon.ico"/>
   <#-- <link href="../../resources/static/bootstrap/css/bootstrap-huan.css" rel="stylesheet">
    <link href="../../resources/static/font-awesome/css/font-awesome.min.css" rel="stylesheet">
    <link href="../../resources/static/css/exam.css" rel="stylesheet" type="text/css">
    <link href="../../resources/static/css/style.css" rel="stylesheet">-->
    <link href="../../static/resources/bootstrap/css/bootstrap-huan.css"
          rel="stylesheet">
    <link href="../../static/resources/font-awesome/css/font-awesome.min.css"
          rel="stylesheet">
    <link href="../../static/resources/css/style.css" rel="stylesheet">

    <style type="text/css">
        .question-body {
            padding: 30px 30px 20px 30px;
            background: #FFF;
        }

        ul#exampaper-body{
            margin-bottom: 0px;
        }

        ul#exampaper-body li{
            padding-bottom:0px;
        }
        .question-body{
            min-height:300px;
        }


    </style>
    <script type="text/javascript">
        function stopDefault( e ) {
            if ( e && e.preventDefault )
                e.preventDefault();
            else
                window.event.returnValue = false;

            return false;
        }
    </script>
</head>
<body>
<header>
    <div class="container">
        <div class="row">
            <div class="col-xs-5">
                <div class="logo">
                    <h1 style="margin-top: 4px"><a href="#"><img alt="" src="../../static/resources/images/logo.png"></a></h1>
                </div>
            </div>
            <div class="col-xs-7" id="login-info">
            <#--<c:choose>
                <c:when test="${not empty sessionScope.SPRING_SECURITY_CONTEXT.authentication.principal.username}">
                    <div id="login-info-user">
-->
            <#--<a href="user-detail/${sessionScope.SPRING_SECURITY_CONTEXT.authentication.principal.username}" id="system-info-account" target="_blank">${Curr_User.userName}</a>-->
                <li class="tel visible-lg-inline-block">
                    <a href="/user/logout">当前登陆用户:${Curr_User.userName}</a>

                </li>
            </div>
        <#--</c:when>
        <c:otherwise>
            <a class="btn btn-primary" href="user-register">用户注册</a>
            <a class="btn btn-success" href="user-login-page">登录</a>
        </c:otherwise>
    </c:choose>-->
        </div>
    </div>
    </div>
</header>
<div class="navbar bs-docs-nav" role="banner">
    <div class="container">
        <nav class="collapse navbar-collapse bs-navbar-collapse" role="navigation">
            <ul class="list-inline navbar-nav">
                <li>
                    <a href="/user/home">首页</a>
                </li>

                <li>
                    <a href="/user/intopractice">试题练习</a>
                </li>

                <li>
                    <a href="/user/exam">在线考试</a>
                </li>

                <li>
                    <a href="/intousercenter">会员中心</a>
                </li>

                <li>
                    <a href="/update">个人设置</a>
                </li>

            </ul>
        </nav>
    </div>
</div>



<div class="content" style="margin-bottom: 100px;">

    <div class="container">
        <div class="row">
            <div class="col-xs-3" style="padding-right: 0px;padding-bottom:15px;">
                <div class="def-bk" id="bk-exam-control">

                    <div class="def-bk-content" id="exam-control">

                        <div>

                            <span style="color:#428bca;">知识类型：${question.field.fieldName?if_exists}</span>
                            <div>
                                         <#list question.knowledgePointList as list>
                                       <span id="knowledgePointId" style="display:none;">${list.pointId}</span>
                                         </#list>
                                <span id="questionTypeId" style="display:none;">${question.questionType.id}</span>
                                <span id="fieldId" style="display:none;">${question.field.fieldId?if_exists}</span>

                            </div>
                            <span style="color:#428bca;">题型库:</span>
                            <div>
                                <span id="practice-type" class="pt-singlechoice">${question.questionType.name}[ 共 <span class="pt-tno">20</span> 题 ]<span class="pt-qcode" style="display:none;">qt-singlechoice</span></span>
                            </div>
                            <span style="color:#428bca;">学习进度：</span>
                            <div class="h-progress" style="margin-top:5px;" title="50%">
                                <span></span>
                            </div>
                            <span id="exam-timestamp" style="display:none;">0</span>
                            <div id="answer-save-info"></div>

                        </div>
                        <div id="question-submit">
                            <button class="btn-success btn" style="width:100%;" id="switch-model-btn" data-exam="true">
                                答题模式
                            </button>
                        </div>
                        <div id="exam-info" style="display:none;">

                            <span id="answer-hashcode"></span>
                        </div>
                    </div>

                </div>

            </div>
            <div class="col-xs-9" style="padding-right: 0px;min-height:800px;">
                <div class="def-bk" id="bk-exampaper">
                    <div class="expand-bk-content" id="bk-conent-exampaper">
                        <div id="exampaper-header">
                            <div id="exampaper-title"  style="margin-bottom:15px;">
                                <i class="fa fa-paper-plane"></i>
                                <span id="exampaper-title-name"> ${question.field.fieldName?if_exists} - ${question.name} </span>

                            </div>
                            <div id="exampaper-desc-container">
                                <div id="exampaper-desc" class="exampaper-filter">

                                </div>
                            </div>

                        </div>
                        <div>
                            <div style="display:none" id="gg">
                                <span> <input name="ppp" type="radio" value="A">A:${question.a}</span><br>
                                <span>   <input name="ppp" type="radio" value="B">B:${question.b}</span> <br>
                                <span>   <input name="ppp" type="radio" value="C">C:${question.c}</span> <br>
                                <span>   <input name="ppp" type="radio" value="D">D:${question.d}</span><br>
                            </div>
                            <div style="display: none" id="kk">
                                <span> <input name="kkkk" type="radio" value="T">T</span><br>
                                <span>   <input name="kkkk" type="radio" value="F">F</span> <br>
                            </div>
                        </div>
                        <span id="bbb" style="display: none">${question.answer}</span><br>
                        <div id="exampaper-footer">
                            <div id="question-switch">
                                <button class="btn-success btn" id="previous-q-btn" style="width:160px;">
                                    <i class="fa fa-chevron-circle-left"></i>上一题

                                </button>
                                <button class="btn-success btn" id="next-q-btn" style="margin-left:60px;width:160px;">
                                    下一题 <i class="fa fa-chevron-circle-right"></i>
                                </button>
                                <button class="btn-warning btn" id="submit-q-btn" style="width:160px;float:right;">
                                    <i class="fa fa-check-circle-o"></i>提交答案

                                </button>
                            </div>
                        </div>
                    </div>
                   <#-- <d
                            iv class="expand-bk-content" id="bk-conent-comment" style="margin-top:40px;">
                        <div id="comment-title" style="margin-bottom:15px;">
                            <i class="fa fa-comments"></i>
                            <span> 学员评论 </span>

                        </div>
                        <form class="comment-form">
                            <textarea rows="" cols="" style="width:100%;height:95px;" placeholder="随便说点什么吧..."></textarea>
                            <input class="btn btn-primary" type="submit" value="发表评论">
                        </form>
                        <div class="comment-total"><span class="comment-total-num">18</span>条评论</div>
                        <ul class="comment-list">

                        </ul>
                        <div id="show-more-div">
                            <input type="hidden" id="idx-hidden" value="1">
                            <input type="hidden" id="last-floor-hidden" value="0">
                            <button id="show-more-btn">更多评论</button>
                        </div>

                    </div>

                </div>-->


            </div>
        </div>
    </div>

</div>
<footer>
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="copy">
                    <p>
                        ExamStack Copyright © <a href="http://www.examstack.com/" target="_blank">ExamStack</a> - <a href="." target="_blank">主页</a> | <a href="http://www.examstack.com/" target="_blank">关于我们</a> | <a href="http://www.examstack.com/" target="_blank">FAQ</a> | <a href="http://www.examstack.com/" target="_blank">联系我们</a>
                    </p>
                </div>
            </div>
        </div>

    </div>

</footer>

<!-- Slider Ends -->

<!-- Javascript files -->
<!-- jQuery -->
<#--<script type="text/javascript" src="/static/js/jquery/jquery-1.9.0.min.js"></script>-->
    <script type="text/javascript" src="/static/resources/js/jquery/jquery-1.9.0.min.js "></script>
<script type="text/javascript" src="/static/js/all.js"></script>
<!-- Bootstrap JS -->
<#--<script type="text/javascript" src="/static/bootstrap/js/bootstrap.min.js"></script>-->
<script type="text/javascript" src="/static/js/all.js?v=0712"></script>
<#--<script type="text/javascript" src="resources/js/practice-improve-qh.js"></script>-->
<#--<script type="text/javascript" src="/static/bootstrap/js/comment.js"></script>-->

<!-- Bootstrap JS -->
<script type="text/javascript" src="/static/resources/bootstrap/js/bootstrap.min.js"></script>

</body>
</html>
<script>
    $("#submit-q-btn").click(function () {
        var a=$('input:radio:checked').val();
        var c=$('input:radio:checked').val();
        var b=$("#bbb").html();
        if(a==b|c==b){
            alert("回答正确")
        }else{
            alert("回答错误,正确答案是:"+b)
        }
    });
    $(function () {
        var k=$("#questionTypeId").html();
        if(k==1){
            $("#gg").toggle()
        }else if(k==3){
            $("#kk").toggle()
        }
    })

    $("#previous-q-btn").click(function (e) {
        var c=${qnum};
        if (c>1){
            window.location="/user/questionDetail2?qnum=${qnum-1}";
        } else {
            alert("这是第一题");
            stopDefault(e);
        }

    })
    $("#next-q-btn").click(function (e) {
        var c=${qnum};
        if(c<20){
            window.location="/user/questionDetail2?qnum=${qnum+1}";
        }else {
            alert("随机练习结束!");
            stopDefault(e);
        }

    })
</script>